<template>
	<view class="container">
		
		<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				href: 'https://uniapp.dcloud.io/component/README?id=uniui'
			}
		},
		methods: {

		}
	}
</script>

<style scoped>
.container {
	padding: 30rpx;
	background-color: #f5f7fa;
	min-height: 100vh;
}

.header {
	margin-bottom: 40rpx;
	text-align: center;
}

.title {
	font-size: 40rpx;
	font-weight: 600;
	color: #303133;
}

.menu-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24rpx;
	padding: 20rpx;
}

.menu-item {
	background-color: #ffffff;
	padding: 40rpx 30rpx;
	border-radius: 16rpx;
	box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
	text-align: center;
	transition: all 0.3s ease;
}

.menu-item:active {
	transform: scale(0.98);
}

.menu-icon {
	font-size: 48rpx;
	color: #409eff;
	margin-bottom: 16rpx;
}

.menu-text {
	font-size: 32rpx;
	color: #303133;
	font-weight: 500;
}
</style>
